﻿@model HelloMinasan.Web.Song.ViewModels.LogOnModel
@{
    ViewBag.Title = "Log On";
    Layout = "~/Views/Shared/_Layout.Mobile.cshtml";
}
  
@using (Html.BeginForm("LogOn", "Account", FormMethod.Post))
{    
    <div data-role="content" style="margin: auto; width: 80%; height: 30%">
                <div style=" font: normal 12px arial; color:red; text-align:left;"> 
                @Html.ValidationSummary()
                </div>
                <div>
                    @Html.TextBoxFor(model => model.UserName, new { maxlength = 50, style = "width: 100%", @placeholder="Your name" })
                </div>
                <div>
                    @Html.PasswordFor(model => model.Password, new { maxlength = 50, @placeholder = "Your password" })
                </div>
                <div>
                    @Html.CheckBoxFor(m => m.RememberMe)
                    <label class="checkbox" for="RememberMe">Remember me</label>
                </div>
                <div class="ui-grid-a">
                    <div style="float: left;width: 40%;" >
                        <input name="btLogin" style="width: 20%;" data-icon="check" data-iconpos="right" value="Login" class="button" type="submit" data-theme="b" />          
                    </div> 
                    <div style="float: left; width: 60%;" >                       
                        <input name="btLogin" value="Forgot pass" data-icon="gear" data-iconpos="right" id="btForget" data-theme="b" type="button" onclick="location.href= '/Account/ChangePassword'">
                    </div>
                </div>
                @*<div style="margin-left: 20px; margin-top: 20px; text-align: left"> Click <b>@Html.ActionLink(" here", "Register")</b> to register an account.</div>*@
    </div> 
}

